<!--
 * @Author: daidai
 * @Date: 2022-01-12 14:06:47
 * @LastEditors: daidai
 * @LastEditTime: 2022-03-01 17:55:49
 * @FilePath: \web-pc\src\pages\big-screen\App.vue
-->
<template>
  <div id="app" class="beautify-scroll-def11">
    <router-view/>
  </div>
</template>

<style lang="scss" scoped>
#app {
  width: 100vw;
  height: 100vh;
  background-color: #03050C;
  // overflow: hidden;
}
// .beautify-scroll-def11 {
//   // overflow-y: auto;

//   &::-webkit-scrollbar-thumb {
//     //滚动条的设置
//     background-color: red;
//     background-clip: padding-box;
//     border-radius: 4px;
//   }

//   &:hover {
//     &::-webkit-scrollbar-thumb {
//       //滚动条的设置
//       background-color: green;
//       background-clip: padding-box;
//       border-radius: 4px;
//     }
//   }

//   &::-webkit-scrollbar-track-piece {
//     //滚动条凹槽的颜色，还可以设置边框属性
//     background-color: transparent;
//   }

//   &::-webkit-scrollbar {
//     //滚动条的宽度
//     width: 8px;
//     height: 8px;
//   }



//   &::-webkit-scrollbar-thumb:hover {
//     background-color: yellow;
//   }
// }
</style>